<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" 
    pageEncoding="utf-8"%>
<%@page import="com.emip.bean.SiteBean" %>    
<%@page import="com.emip.config.SysParams" %> 
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <%@ include file="../header.jsp"%>
	<script type="text/javascript" src="<%=resourceBase%>customJS/site/siteDetail.js"></script>
	<script type="text/javascript" src="<%=resourceBase%>customJS/common/commonFunc.js"></script>
	<link rel="stylesheet" type="text/css" href="<%=resourceBase%>customCSS/tables/customTables.css">
	<!--   <script type="text/JavaScript" src="<%=resourceBase%>customJS/corner/jquery.curvycorners.min.js"></script> -->
	<script type="text/JavaScript" src="<%=resourceBase%>customJS/odometer/jquery.jodometer.js"></script>
	<script type="text/JavaScript" src="<%=resourceBase%>customJS/odometer/jquery.easing.1.3.js"></script>
	
	<style>
		.cornerdiv
		{
    		margin: 0 auto;
    		border: 0px solid #ffffff;
    		color: #ffffff;    		
    		padding: 10px;
    		text-align: left;
    		background-color: #03c4fd;
    		border: 3px solid #ffffff;
			

    		background-image: url(<%=resourceBase%>images/backrepeat.jpg);
    		background-repeat: repeat-x;
		}
		
		.tddiv
		{
    		margin: 0 auto;
    		border: 0px solid #ffffff;
    		color: #ffffff;    		
    		padding: 10px;
    		text-align: left;
    		background-color: #e1f1ff;
    		border: 3px solid #ffffff;	
    		background-image: url(<%=resourceBase%>images/backrepeat.jpg);
    		background-repeat: repeat-x;	    	
		}
		
		.metertick
		{
			width:100px;
			height:31px;
			overflow:hidden;
			position:relative;
			float:left;
		}
		.valueUnitShow
		{
			position:relative;
			float:left;
		}
	</style>
  </head>
  
  <body>
  	<div id="body-wrapper">
		<!-- Wrapper for the radial gradient background -->

		<!-- sidebar.jsp -->
		<%@ include file="../sidebar.jsp"%>
		<!--  <%SiteBean bean = (SiteBean)request.getAttribute("site"); %>-->
		<div id="gridContent">
			<h2>
			 <!-- 站点编号: ${site.id} <br>
			 站点名称：${site.name} <br>
			  -->
			 站点：
					<select class="select" id="sites" name="sites">
					
					</select>									
			 </h2>
			 <span id="connErrorInfo" style= "text-align:center;display:block;width:40%;margin-left:30%;margin-right:30%;background-color:#fffd76; ">网络异常，实时数据无法更新</span>
			 <input id="curSite" type="hidden" value=${site.id}>
			 <input id="refreshTime" type="hidden" value=<%= SysParams.refreshInterval%>>
			 <div id="itemDiv">
			 	<form id="itemForm">

			 	</form>
			 </div>
		</div>
	</div>   
	<div id="container"></div>
	<script type="text/javascript">$.setCurrentMenu('2_SSSJ');</script>
  </body>
</html>
